import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

//自定义组件
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // MaterialApp是根组件
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('First Web'),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(primaryColor: Colors.blue),
    );
  }
}

//body内容组件
class HomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      //可以有多种组件Container, Image,ListTile等
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.settings),
          title: Text("标题"),
          subtitle: Text(
              "本页介绍如何 “试驾” Flutter: 从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更新重载"),
        ),
        ListTile(
          leading: Icon(Icons.home),
          title: Text("标题"),
          subtitle: Text(
              "本页介绍如何 “试驾” Flutter: 从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更新重载"),
        ),
        ListTile(
          leading: Icon(Icons.home),
          trailing: Icon(Icons.pages),
          title: Text("标题"),
          subtitle: Text(
              "本页介绍如何 “试驾” Flutter: 从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更新重载"),
        ),
        ListTile(
          leading: Image.network(
              "https://pic3.zhimg.com/v2-d109b212df1b784ccc65ff905524134a_1440w.jpg?source=172ae18b"),
          title: Text("标题"),
          subtitle: Text(
              "本页介绍如何 “试驾” Flutter: 从我们的模板创建一个新的Flutter应用程序，运行它，并学习如何使用Hot Reload进行更新重载"),
        )
      ],
    );
  }
}
